#cesium-infoWindows{
    position: absolute;
    z-index: 888;
}
.info {
    margin: 0 15px;
}
.info .infoItem{
    display: block;
    line-height: 20px;
    color: #ddf;
}
.selectMark{
    width: 16px !important;
    height: 16px !important;
    margin-left: -8px !important;
    margin-top: -8px !important;
    text-align: center;
    border-radius: 8px;
    font: 13px "Helvetica Neue", Arial, Helvetica, sans-serif;
    color: white;
    z-index: 111;
   
    position: absolute;
}
.selectMark span{
    display: inline-block;
    margin-left: 18px;
}
.selectMark:after {
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #cdd;
    top: 0;
    left: 0;
    background: rgb(231, 45, 45);
    z-index: -1;
    animation: breath 1.5s ease infinite;
}
@keyframes breath {
    from {
        transform: scale(1);
        opacity: 0.9;
    }
    to {
        transform: scale(3);
        opacity: 0;
    }
}
.warning1{
    background-color: rgba(117, 213, 43, 1);
    box-shadow: 0 0 5px #ffa500, 0 0 15px #ffa500, 0 0 20px #ffa500, 0 0 40px #ffa500, 0 0 60px #ff0000, 0 0 10px #ff8d00, 0 0 98px #ff0000;
}
.selectMark span{
    font-weight: 600;
    background: rgba(33,33,33,.8);
    min-width: 90px;
    line-height: 30px;
    margin: -6px 30px;
    border-radius: 5px;
}
.warning1 span{
    color: #ffa500;
    
}
.warning2{
    background-color: rgba(0, 0, 211, 1);
    box-shadow: 0 0 5px #000055, 0 0 15px #000088, 0 0 20px #000099, 0 0 40px #0000aa, 0 0 60px #0000ee, 0 0 10px #0000f1, 0 0 98px #0000ff;
}
.warning2 span,#cesium-infoWindows .warinfo1{
    color: #0000ff;
}
.warning3{
    background-color: rgba(255, 255, 0, 1);
    box-shadow: 0 0 5px #888800, 0 0 15px #aaaa00, 0 0 20px #bbbb00, 0 0 40px #cccc00, 0 0 60px #eeee00, 0 0 10px #f1f100, 0 0 98px #ffff00;
}
.warning3 span,#cesium-infoWindows .warinfo2{
    color: #ffff00;
   
}
.warning4{
    background-color: rgba(255, 97, 0, 1);
    box-shadow: 0 0 5px #aa3400, 0 0 15px #dd5900, 0 0 20px #eea500, 0 0 40px #efaa00, 0 0 60px #f1aa00, 0 0 10px #ffaa00, 0 0 98px #ffae00;
}
.warning4 span,#cesium-infoWindows .warinfo3{
    color: #aaaa33;
   
}
.warning5{
    background-color: rgba(255, 0, 0, 1);
    box-shadow: 0 0 5px #550000, 0 0 15px #880000, 0 0 20px #990000, 0 0 40px #aa0000, 0 0 60px #ee0000, 0 0 10px #f10000, 0 0 98px #ff0000;
}
.warning5 span,#cesium-infoWindows .warinfo4{
    color: #ff0000;
   
}
